<template>
    <view class="noticeDetail">

        <van-nav-bar custom-class="select-nav-box" title-class="titleclass" :title="noticeTitle"
            @click-left="onClickLeft" left-arrow>
        </van-nav-bar>
        <van-icon class="lefticon" size="20px" name="arrow-left" color="white" />
        <view class="content">
            <!-- 标题 -->
            <view class="notice-title">提示信息</view>

            <!-- 时间 -->
            <view class="notice-time">{{ getTime() }}</view>

            <!-- 正文内容 -->
            <view class="notice-content">
                {{ 'ces' }}
            </view>
        </view>
    </view>
</template>

<script>
import dayjs from 'dayjs';

export default {
    props: {
        showLeft: { type: Boolean, default: false },
    },
    data() {
        return {
            noticeTitle: '公告详情'
        }
    },
    methods: {
        getTime(data) {
            return data ? dayjs(new Date().getTime()).format("YYYY-MM-DD HH:mm") : dayjs(data).format("YYYY-MM-DD HH:mm");
            // if (!item.sendTime) return "";
            // return dayjs(item.sendTime).format("YYYY-MM-DD HH:mm");
        },
        onClickLeft() {

        }
    },
}
</script>

<style lang="scss" scoped>
.noticeDetail {
    position: relative;

    .lefticon {
        position: absolute;
        top: 22rpx;
        left: 12rpx;
        z-index: 99;
    }
}

.notice-detail {
    width: 100%;
    //   min-height: 100vh;
    background-color: #ffffff;
    overflow-x: hidden;
}

::v-deep .select-nav-box {
    padding-top: 0px !important;
    background-color: #4187F6;
}

::v-deep .titleclass {
    color: #fff !important;

}




.content {
    padding: 30rpx;
    box-sizing: border-box;
}

/* 标题样式 */
.notice-title {
    font-size: 36rpx;
    color: #1a1a1a;
    font-weight: 600;
    margin-bottom: 24rpx;
    line-height: 1.4;
}

/* 时间样式 */
.notice-time {
    font-size: 28rpx;
    color: #4096ff;
    margin-bottom: 36rpx;
    padding-bottom: 24rpx;
    border-bottom: 1px solid #f5f5f5;
}

/* 正文内容样式 */
.notice-content {
    font-size: 32rpx;
    color: #333333;
    line-height: 1.8;
    /* 增加行高，提升可读性 */
    letter-spacing: 1rpx;
}
</style>